<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>Title</title>
</head>
<body>
<script src="jquery.js"></script>
<div id="d1"></div>
<script>
    $.get("https://book.feelyou.top/search/前端",{},
    function (data) {
        let d=data;
        for (let i=0;i<d.length;i++){
            let title=d[i].title;
            let abstract=d[i].abstract;
            let tpl_name=d[i].tpl_name;
            let id=d[i].id;
            let url=d[i].url;
            let newDiv=document.createElement("div");
            newDiv.innerHTML=title+"<br/>"+abstract+"<br/>"+tpl_name+"<br/>"+id+"<br/>"+url;
            d1.appendChild(newDiv);
        }
    })
</script>
</body>
</html>